<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Contact-Sync - SprintWebApps.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" href="statics/css/redmond/jquery-ui-1.7.2.custom.css" rel="stylesheet" />
<link href="/statics/css/default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
  <h1>Contact-Sync</h1>
  <h2>SprintWebApps.com</h2>
  <ul class="services-menu span-20" id="menu" >
    <li><a href="#" onclick="new_login('gmail');">Gmail</a></li>
    <li><a href="#" onclick="new_login('twitter');">Twitter</a></li>
    <li><a href="#" onclick="new_login('facebook');">Facebook</a></li>
  </ul>
</div>
<div id="content">
  <div id="colTwo">
    <ul id="result" >
    </ul>
  </div>

  <div id="colOne">
    <ul id="free">
    </ul>
  </div>
</div>
<div id="footer">
  <p>Copyright (c) 2009 SprintWebApps.com. All Rights Reserved. Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>

	
<div id="msg" ></div>
<div id="loading" > <img src="statics/img/ajax-loader.gif" /><span>loading...<span></div> 

<div id="repo" >
	<div id="d-login" title="Add contact list" > 
        <form id="user_form">
	        <h2>Get contacts from <span id="d-login-service" class="login-dialog"></span></h2>
	        <p>Username: <input id="user" type="text" value="" class="required"/></p>
	        <p>Password: <input id="pass" type="password" value="" class="required"/></p>
            <p id="d_captcha" style="display: none;">Please ingrese this text 
            <input id="captcha_response" type="text" value="" />
            <input id="captcha_token" type="hidden" value="" />            
            <br /> 
            <img id="i_captcha" src="" /> </p>
	        <p class="button"><a href="javascript:do_login();"> Get contacts</a></p>
        </form>
	</div>
    <div id="tmpl-service-column">
        <div class=""  >
          <ul>
             {{rows}}         
	      </ul>
	     </div>	
    </div>	
    <div id="tmpl-service-column-row">
        <li class="">          
          <h4>{{name}}</h4>          
        </li>   
    </div>
</div>

<script type="text/javascript" src="statics/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="statics/js/jquery.validate.min.js"></script>
<script type="text/javascript" src="statics/js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="statics/js/cs-functions.js"></script>
<script type="text/javascript" >
$(function(){
    $('#d-login').dialog({ autoOpen: false ,modal: true, width: 400});
    $("#user_form").validate();
    $("#pass").keyup(function(e){if(e.keyCode==13)do_login(); });
    //$('#loading').dialog({ autoOpen: false,modal: true ,closeOnEscape: false ,title: ''});
});
</script>
</body>
</html>

